<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<%@include file="basic.jsp"%>
<title>系统监控</title>
</head>

<body class="navbar-fixed breadcrumbs-fixed">
	<%@include file="header.jsp"%>

	<div class="main-container" id="main-container">

		<div class="main-container-inner">
			<a class="menu-toggler" id="menu-toggler" href="#"> <span
				class="menu-text"></span>
			</a>
			<%@include file="sliderbar.jsp"%>

			<div class="main-content">
				<div class="breadcrumbs breadcrumbs-fixed" id="breadcrumbs">

					<ul class="breadcrumb">
						<li><i class="icon-home home-icon"></i></li>
						<li class="active" id="nav_title">系统信息</li>
					</ul>
					<!-- .breadcrumb -->

				</div>

				<div class="page-content">
					<div class="page-header">
						<h1 id="title">操作系统信息</h1>
					</div>
					<!-- /.page-header -->

					<div class="row">
						<div class="profile-user-info profile-user-info-striped">
							<div class="profile-info-row">
								<div class="profile-info-name">主机名</div>

								<div class="profile-info-value">
									<span class="editable editable-click" id="hostname"></span>
								</div>
							</div>

							<div class="profile-info-row">
								<div class="profile-info-name">操作系统名称</div>

								<div class="profile-info-value">
									<span class="editable editable-click" id="name"></span>
								</div>
							</div>

							<div class="profile-info-row">
								<div class="profile-info-name">操作系统版本</div>

								<div class="profile-info-value">
									<span class="editable editable-click" id="version"></span>
								</div>
							</div>

							<div class="profile-info-row">
								<div class="profile-info-name">操作系统位数</div>

								<div class="profile-info-value">
									<span class="editable editable-click" id="arch"></span>
								</div>
							</div>
						</div>
						<!-- /.col -->
					</div>
					<!-- /.row -->
					<div class="page-header">
						<h1 id="title">内存信息</h1>
					</div>
					<!-- /.page-header -->
					<div class="row">
						<div class="profile-user-info profile-user-info-striped" id="memory">
							<div class="profile-info-row">
								<div class="profile-info-name">物理内存使用</div>

								<div class="profile-info-value">
									<div class="clearfix">
										<span class="pull-left">已用</span>
										<span id="usage" class="pull-right"></span>
									</div>
									<div class="progress progress-mini progress-striped active">
										<div id="t1" style="width:0%" class="progress-bar"></div>
									</div>
								</div>
							</div>
							<div class="profile-info-row">
								<div class="profile-info-name">总计物理内存</div>

								<div class="profile-info-value">
									<span class="editable editable-click" id="total"></span>
								</div>
							</div>
							<div class="profile-info-row">
								<div class="profile-info-name">已用物理内存</div>

								<div class="profile-info-value">
									<span class="editable editable-click" id="used"></span>
								</div>
							</div>
							<div class="profile-info-row">
								<div class="profile-info-name">剩余物理内存</div>

								<div class="profile-info-value">
									<span class="editable editable-click" id="free"></span>
								</div>
							</div>
							<div class="profile-info-row">
								<div class="profile-info-name">JVM内存使用</div>

								<div class="profile-info-value">
									<div class="clearfix">
										<span class="pull-left">已用</span>
										<span id="jvmUsage" class="pull-right"></span>
									</div>
									<div class="progress progress-mini progress-striped active">
										<div id="t2" style="width:0%" class="progress-bar"></div>
									</div>
								</div>
							</div>
							<div class="profile-info-row">
								<div class="profile-info-name">JVM最大内存</div>

								<div class="profile-info-value">
									<span class="editable editable-click" id="jvmMax"></span>
								</div>
							</div>
							<div class="profile-info-row">
								<div class="profile-info-name">JVM分配内存</div>

								<div class="profile-info-value">
									<span class="editable editable-click" id="jvmTotal"></span>
								</div>
							</div>
							<div class="profile-info-row">
								<div class="profile-info-name">JVM剩余内存</div>

								<div class="profile-info-value">
									<span class="editable editable-click" id="jvmFree"></span>
								</div>
							</div>
							<div class="profile-info-row">
								<div class="profile-info-name">JVM最大可用内存</div>

								<div class="profile-info-value">
									<span class="editable editable-click" id="jvmMaxFree"></span>
								</div>
							</div>
							<div class="profile-info-row">
								<div class="profile-info-name">交换内存使用</div>

								<div class="profile-info-value">
									<div class="clearfix">
										<span class="pull-left">已用</span>
										<span id="swapUsage" class="pull-right"></span>
									</div>
									<div class="progress progress-mini progress-striped active">
										<div id="t3" style="width:0%" class="progress-bar"></div>
									</div>
								</div>
							</div>
							<div class="profile-info-row">
								<div class="profile-info-name">交换内存总计</div>

								<div class="profile-info-value">
									<span class="editable editable-click" id="swapTotal"></span>
								</div>
							</div>
							<div class="profile-info-row">
								<div class="profile-info-name">已用交换内存</div>

								<div class="profile-info-value">
									<span class="editable editable-click" id="swapUsed"></span>
								</div>
							</div>
							<div class="profile-info-row">
								<div class="profile-info-name">剩余交换内存</div>

								<div class="profile-info-value">
									<span class="editable editable-click" id="swapFree"></span>
								</div>
							</div>
						</div>
					</div>
					<div class="page-header">
						<h1 id="title">磁盘信息</h1>
					</div>
					<!-- /.page-header -->
					<div class="row">
						<div class="profile-user-info profile-user-info-striped" id="disk">
						</div>
					</div>
				</div>
				<!-- /.page-content -->
			</div>
			<!-- /.main-content -->
		</div>
		<!-- /.main-container-inner -->


		<a href="#" id="btn-scroll-up"
			class="btn-scroll-up btn btn-sm btn-inverse"> <i
			class="icon-double-angle-up icon-only bigger-110"></i>
		</a>
	</div>
	<!-- /.main-container -->
	<script src='<%=JS_PATH%>console.js'></script>
</body>
</html>
